import axios from 'axios'
import { ElMessage } from 'element-plus'

const createAxios = () => {
  const request = axios.create({
    timeout: 6000,
    timeoutErrorMessage: '请求超时'
  })
  // 添加请求拦截器
  request.interceptors.request.use(
    function (config) {
      // 在发送请求之前做些什么
      return config
    },
    function (error) {
      // 对请求错误做些什么
      return Promise.reject(error)
    }
  )

  // 添加响应拦截器
  request.interceptors.response.use(
    function (response) {
      // 2xx 范围内的状态码都会触发该函数。
      // 对响应数据做点什么
      return response
    },
    function (error) {
      // 超出 2xx 范围的状态码都会触发该函数。
      const code = error.response.status
      switch (code) {
        case code === 401:
          // 未授权
          ElMessage.error('未授权')
          break
        case code === 403:
          // 拒绝访问
          ElMessage.error('拒绝访问')
          break
        case code === 404:
          // 请求资源不存在
          ElMessage.error('请求资源不存在')
          break
        case code === 500:
          // 服务器错误
          ElMessage.error('服务器错误')
          break
        default:
      }
      // 对响应错误做点什么
      return Promise.reject(error)
    }
  )
  return request
}
export const request=createAxios()